<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>配件费用查询</title>
	<link rel="stylesheet" href="../../plugin/css/fonts/font-awesome.min.css">
	<link rel="stylesheet" href="../../plugin/weui/css/weui.min.css">
	<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
	<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
	<link rel="stylesheet" type="text/css" href="../css/global.css" />
	<link rel="stylesheet" type="text/css" href="../css/partsCost.css" />
</head>

<body>
	<div id="app">
		<div class="content">
			<div class="content-block-title">配件费用查询:</div>
			<div class="m-cell">
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">产品组</label>
						<a class="city" onclick="show()">
							<span class="weui-form-preview__value" id="product1">未选择产品组</span>
						</a>
					</div>
				</div>
			</div>
			<div class="m-cell">
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">产品</label>
						<span class="weui-form-preview__value" id="product2">未选择产品</span>
					</div>
				</div>
			</div>
			<div class="m-cell">
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">配件</label>
						<span class="weui-form-preview__value" id="product3">未选择配件</span>
					</div>
				</div>
			</div>
			<div class="m-cell">
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">价格(元)</label>
						<span class="weui-form-preview__value" id="price"></span>
					</div>
				</div>
			</div>
			<footer class="footer">
				<button id="city" type="button" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register city" onclick="show()">
					选择配件
				</button>
			</footer>
		</div>
		<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
		<script src="../../plugin/weui/js/jquery-weui.min.js"></script>

		<script src="../../plugin/mui/js/mui.min.js"></script>
		<script src="../js/Popt.js"></script>
		<script src="../../common/server.js"></script>
		<script src="../js/partsCost.js"></script>
		<script type="text/javascript">
			$(".city").click(function (e) {
				SelCity(this, e);
			});
			mui.init();
			var mask = mui.createMask(); //callback为用户点击蒙版时自动执行的回调；
			function show() {
				mask.show(); //显示遮罩
			}
		</script>
</body>

</html>